﻿#Userinfo{
text-align:left ;
font-family:arial;
font-size:12px;
line-height:1.213 !important;
margin:0pt 5%;
padding:0pt;
width:90%;
float:left;
background:none;
padding-bottom:10px;
position:relative;
z-index:1;
}

.middle-box-content p.middle-box-button
{
    margin: 23px 0 0 0;
    padding: 12px 0 0 0;
    border-top: 1px solid #cccccc;
}

/*Left tab of User info*/
#Userinfo .User-left{
float: left;
width:200px;
margin-top:20px;
}

#Userinfo .User-left .User-list-tabs{
margin-top:14px;
}
#Userinfo .User-left .User-list-tabs li{
list-style:none outside none;
}

#Userinfo .User-left .User-list-tabs a{
position:relative;
display:block;
margin-top:10px;
width:185px;
margin-left:20px;
color:rgb(0,153,255);
text-decoration:none!important;
outline: medium none!important;
}

#Userinfo .User-left .User-list-tabs span{
font-size:16px;
color: rgb(15,95,146);
padding:15px 0pt 15px 14px;
display:block;
background:none repeat scroll 0% 0% rgb(255,255,255);
border-radius:10px 0pt 0pt 10px;
}

#Userinfo .User-left .User-list-tabs em,i{
font-style:normal !important;
}

#Userinfo .User-left .User-list-tabs i{
width:8px;
display:inline-block;
height:49px;
font-size:0pt;
float:right;
position:absolute;
top:0pt;
right:0pt;
background:url("../Images/bg-tab-profile.png") repeat-y scroll 0% 0% transparent;
}

#Userinfo .User-left .User-list-tabs .active, .User-list-tabs a:hover{
width:200px !important;
margin-left:0pt !important;
}

#Userinfo .User-left .User-list-tabs .active span, .User-list-tabs a:hover span{
color:rgb(255,255,255) !important;
background-color:rgb(61,163,255) !important;
}

/*Right content of user info*/
#Userinfo .User-right{
float: left;
width:796px;
margin-top:20px;
}

/*middle box*/
#Userinfo .User-right .User-middle-box-profile{
overflow:hidden;
width:796px;
border-radius:9px 9px 9px 9px;
background: none repeat scroll 0% 0% rgb(255,255,255);
}
/*top box*/
#Userinfo .User-div-box-top{
overflow:hidden;
width:794px;
margin: 1px auto 0pt;
border-radius:9px 9px 0pt 0pt;
position:relative;
}

/*background of top box*/
#Userinfo #User-dBgRank .User-bg-top{
overflow:hidden;
width:100%;
height: 179px;
background-color: rgb(26,97,163);
border-radius:9px 9px 0pt 0pt;
position:relative;
}

#Userinfo .User-profile-info{
width:754px;
margin:0pt auto;
padding-bottom:15px;
}

#Userinfo .User-profile-progress a #User-dImgProfile{
display:inline-block;
color:rgb(255,255,255);
font-size:21px;
vertical-align:middle;
font-weight:700;
}

#Userinfo .User-profile-progress{
float:left;
margin-right: 24px;
}

/* Box info user beside avarta */
#Userinfo .User-profile-detail{
float:left;
width:auto;
}

#Userinfo .User-profile-detail span{
display:inline-block;
vertical-align:middle;
padding-bottom:7px;
}

#Userinfo .User-profile-detail span .User-profile-txt{
padding-left:5px;
}

#Userinfo .User-profile-detail span .User-profile-txt em #User-eUserRank{
font-size:12px;
display:block;
color:rgb(255,242,0);
}

#Userinfo .User-profile-detail p{
clear:left !important;
font-weight::normal !important;
font-size:11px;
color: rgb(255,255,255) !important;
line-height:20px;
}

/*tabs of top box*/
#Userinfo .User-div-tab{
width:794px;;
height: 53px;
left: 20px;
bottom:0px;
position: absolute;
}

#Userinfo .User-div-tab .User-ul-tab{
width:746px;
overflow:hidden;
}

#Userinfo .User-div-tab .User-ul-tab li{
float:left;
padding-top:11px;
margin-right:10px
}

#Userinfo .User-div-tab .User-ul-tab .User-tab{
height:43px;
width:138px;
border-radius:9px 9px 0pt 0pt;
display:block;
font-size:15px !important;
font-weight:bold;
color:rgb(255,255,255);
line-height:42px;
background: none repeat scroll 0% 0% rgb(61,163,255);
}

#Userinfo .User-div-tab .User-ul-tab .User-tab p{
color:rgb(255,255,255);
text-align:center;
font-weight:700;
width:100%;
height:100%;
}

#Userinfo .User-div-tab .User-ul-tab .active, .User-tab:hover{
background-color:rgb(255,255,255) !important;
background-image:none !important;
margin-top:-11px !important;
height:53px !important;
position:relative;
z-index:1;
}

#Userinfo .User-ul-tab .active p, .User-tab:hover p{
color:rgb(15,95,146) !important;
height:45px !important;
padding-top:11px !important;
padding-bottom:0pt !important;
display:block !important;
}

#Userinfo .User-div-tab .User-profile-shadow{
height:7px;
border-bottom:1px solid rgb(255,255,255);
width:100%;
bottom:0pt;
right:0pt;
font-size:0pt;
background: url('Images/shadow-tab.png') repeat-x scroll 0pt 0pt transparent;
}

/*profile info box*/
#Userinfo .User-box-profile{
width:710px;
margin: 0pt auto;
padding-top: 21px;
position:relative;
}

#Userinfo   .middle-box-content p{font-size:13px}
#Userinfo   .middle-box-content .change_name a{
	float:left;
	color:#0095da;
	font-size:12px;
	margin:15px 0 0 10px;
}
#Userinfo   .middle-box-content .change_name input{float:left}

#Userinfo    .div_txtDK select{
    color: #303030;
    font-size: 21px;
    height: 26px;
    margin: 0;
}
#Userinfo   .txtarea{background: url('Images/box_textarea.gif') repeat-x 0 -209px;}
#Userinfo   .div_txtDK textarea{color: #303030;font-size: 21px;}    
#Userinfo   .middle-box-content span{color: #3C3C3C;font-size: 21px; background:none !important;}
#Userinfo   .middle-box-content p.middle-box-button{margin: 22px 0 0;padding:25px 0 0 !important; display: inline-block;}
#Userinfo   .middle-box-content p.middle-box-checkbox{padding: 20px 0 0;}
#Userinfo   .submit-button{float:left}
#Userinfo   .cancel-button {
    background: url('Images/btn-cancel.png') no-repeat 0 0;
    display: block;
    height: 52px;
    width: 157px;
	float:left;
    margin-left:19px;
}

#Userinfo   .search{padding-top:20px}
#Userinfo   .search p{
	padding-top:30px;
	float:left;
	padding-right:10px;
}
#Userinfo   .search .div_txtDK{
	padding-top:24px;
	float:left;
	margin-bottom:44px;
}
#Userinfo   .search .div_txtDK input{
	height:21px;
	width:338px;
	float:left;
}
#Userinfo   .search button{
	width:74px;
	height:24px;
	float:left;
	font-size:13px;
	cursor:pointer;
}

#Userinfo   .search i{clear:both}
#Userinfo   .list-img-radio{overflow:hidden; width:678px;}
#Userinfo   .img_radio{
	overflow:hidden;
	width:684px;
	position:relative;
	margin:5px 0 29px 8px;
}
#Userinfo   .img_radio li{
	width:54px;
	margin:27px 22px 0 0;
	float:left;
	overflow:hidden;
}
#Userinfo   .img_radio img{border:1px solid #ccc9c9}
#Userinfo   .img_radio  input{margin:9px auto 0;display:block}
#Userinfo   .search p.middle-box-button,.study p.middle-box-button,.contact p.middle-box-button{
	margin-bottom:50px;
	width:100%;
	overflow:hidden;
}
#Userinfo .btn-location
{
    background: url('Images/btn-update.png') no-repeat 0 0;
    display: block;
    height: 42px;
    width: 170px;
    margin-top:10px;
    float: left;
    position: relative;
}
#Userinfo .save_button_vn
{
    background: url('Images/btn_save_vn.png') no-repeat 0 0;
    display: block;
    height: 52px;
    width: 157px;
    float: left;
    padding-top:2px;
    margin-left:19px;
    position: relative;
}

#Userinfo .cancel_button_vn {
    background: url('Images/btn-cancel-vn.png') no-repeat 0 0;
    display: block;
    height: 52px;
    width: 157px;
	float:left;
	padding-top:2px;
    margin-left:19px;
    position:relative;
}

#Userinfo .div_pass{
	width:321px;
	float:left;
	overflow:hidden;
}
#Userinfo   .floatright{float:left;overflow:hidden;}
#Userinfo   .middle-box-require{color:#5f5f5f;font-style:italic;}
#Userinfo   .contact .lost-pass{font-weight:700;}
#Userinfo   .contact .middle-box-require{margin-bottom:20px;}
#Userinfo   .change{
	float:left;
	font-size:12px;
	margin:0 6px;
	line-height:44px;
}
#Userinfo   .big-txt{overflow:hidden;}
#Userinfo   .big-txt input,.big-txt select,.big-txt span{
	font-size:22px;
	padding-left:10px;
	padding-right:2px;
}
#Userinfo   .big-txt span{ display:inline-block;}
#Userinfo   .personal{margin:0 0 45px 0; overflow:hidden;}
#Userinfo   .personal p{
	padding-bottom:6px !important;
	overflow:hidden;	
	width:100%;
	padding-top:20px !important;
}
#Userinfo   .personal .middle-box-sex,.personal .middle-box-date{ clear:left; margin:0;}
#Userinfo   .personal p.middle-box-require{ margin-top:0; padding-bottom:1px;}
#Userinfo   .middle-box-content .btn-line{
	height:0;
	font-size:0;
	width:100%;
	border-top:1px solid #555;
}
#Userinfo.personal .lost-pass{
	color:#0f5f92;
	margin-right:3px;
	line-height:20px;
}

#Userinfo   .div-upload{
	overflow:hidden;
	margin-top:21px;
	margin-bottom:39px;
}
#Userinfo.personal .div-upload p{
	margin:0;
	float:left;
	width:auto;
	padding-top: 16px !important;
	line-height:40px;
	padding:0 6px 0 0;
}
#Userinfo .personal .div-upload input{
	font-size:21px;
	float:left;
	margin-top: 12px;
	margin-left: 10px;
}

#Userinfo  .middle-box-sex label {
	background: url('Images/sex.gif') no-repeat;
	float: left;
	height: 36px;
}
 #Userinfo .middle-box-sex label.iGTDK {
    background-position: 0 -36px;
    width: 30px;	
}
#Userinfo  .middle-box-sex label.iGTFMaleDK {
    background-position: 0 0;
    width: 34px;
}
#Userinfo  .checkDK {
    background: url('Images/sex.gif') no-repeat scroll 0 -76px transparent;
    cursor: pointer;
    float: left;
    height: 13px;   
    width: 13px;
	margin: 21px 0 0 11px;
	display:block;
}
#Userinfo  .checkedDK {
    background-position: 0 -89px;   
}
#Userinfo .iNoneDK {
	display: block;
    float: left;
    height: 5px;
    width: 65px;
}

#Userinfo .User_box-profile-note {
    margin: 0pt auto;
    width: 710px;
    padding: 23px 0pt 32px;
    }
    
  
    #Userinfo .box-profile-table
    {
        width:756px;
        margin: 0pt auto;
        padding:22px 0pt 12px;
        }
    
      #Userinfo .box-profile-table table
    {
        font-size:13px;
        text-align: center;
        }
    
     #Userinfo .box-profile-table table th
    {
        color: rgb(15, 95, 146);
        font-weight:700;
        line-height:39px !important;                
        text-align: center;        
        }
        
          #Userinfo .box-profile-table table td
    {
        color: rgb(84, 84, 84);
  border-top: 1px solid rgb(219, 219, 219);
        line-height:39px !important;                     
        }	  